<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="nav">
        <div class="container">
            <div class="logo">
                <img src="./images/logo.png" alt="">
                科智网络
            </div>
            <div class="navs">
                <ul>
                    <li style="color:white;background-color:  #20adf6;">科智首页</li>
                    <li>服务项目</li>
                    <li>案例展示</li>
                    <li>技术观点</li>
                    <li>关于我们</li>
                    <li>联系我们</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="banner">
        <div class="container">
            <img src="./images/banner.png" alt="">
        </div>
    </div>
    <div class="computer">
        <div class="container">
            <div class="top">
                <span class="top1">我们的服务</span>
                <span class="top2">OUR &nbsp;&nbsp;SERVICE</span>
                <span class="top2">科智网络，让您的企业赢订单，赢客户</span>
            </div>
            <div class="middle">
                <ul class="cos1" style="margin-bottom: 50px;">
                    <li>
                        <div class="radius">
                            <i class="iconfont icon-shoujidiannao"></i>
                        </div>
                        <span class="com1">PC端/移动端界面设计及开发</span>
                        <span class="com2">专业的网站设计及开发服务，包括企业网站、互联产品网站、电商网站、社交及应用类网站等。</span>
                        <span class="com2">手机网站开发、手机APP、微信接口二次开发。包括IOS、Android、Win等多平台。</span>
                    </li>
                    <li>
                        <div class="radius"><i class="iconfont icon-zhandian"></i></div>
                        <span class="com1">PC端/移动端界面设计及开发</span>
                        <span class="com2">专业的网站设计及开发服务，包括企业网站、互联产品网站、电商网站、社交及应用类网站等。</span>
                        <span class="com2">手机网站开发、手机APP、微信接口二次开发。包括IOS、Android、Win等多平台。</span>
                    </li>
                    <li>
                        <div class="radius"><i class="iconfont icon-biaodanzujian-biaoge"></i></div>
                        <span class="com1">PC端/移动端界面设计及开发</span>
                        <span class="com2">专业的网站设计及开发服务，包括企业网站、互联产品网站、电商网站、社交及应用类网站等。</span>
                        <span class="com2">手机网站开发、手机APP、微信接口二次开发。包括IOS、Android、Win等多平台。</span>
                    </li>
                </ul>
                <ul class="cos1">
                    <li>
                        <div class="radius">
                            <i class="iconfont icon-shoujidiannao"></i>
                        </div>
                        <span class="com1">PC端/移动端界面设计及开发</span>
                        <span class="com2">专业的网站设计及开发服务，包括企业网站、互联产品网站、电商网站、社交及应用类网站等。</span>
                        <span class="com2">手机网站开发、手机APP、微信接口二次开发。包括IOS、Android、Win等多平台。</span>
                    </li>
                    <li>
                        <div class="radius"><i class="iconfont icon-zhandian"></i></div>
                        <span class="com1">PC端/移动端界面设计及开发</span>
                        <span class="com2">专业的网站设计及开发服务，包括企业网站、互联产品网站、电商网站、社交及应用类网站等。</span>
                        <span class="com2">手机网站开发、手机APP、微信接口二次开发。包括IOS、Android、Win等多平台。</span>
                    </li>
                    <li>
                        <div class="radius"><i class="iconfont icon-biaodanzujian-biaoge"></i></div>
                        <span class="com1">PC端/移动端界面设计及开发</span>
                        <span class="com2">专业的网站设计及开发服务，包括企业网站、互联产品网站、电商网站、社交及应用类网站等。</span>
                        <span class="com2">手机网站开发、手机APP、微信接口二次开发。包括IOS、Android、Win等多平台。</span>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <div class="new">
        <div class="container">
            <div class="top">
                <span class="top1">关于科智</span>
                <span class="top2">ABPPUT&nbsp; TECHRICH </span>
                <span class="top2">秉持坚持、创新、专业、专注的理念 为客户提供最前沿的服务</span>
            </div>
            <div class="bottom">
                <div class="bottom_left">
                    <span class="an1">科智简介</span>
                    <span class="an2">本公司是一家从事网站制作、软件开发、系统集成及网络产品销售等相关业务为一体的专业计算机网络有限公司，本公司技术力
                        量雄厚，有一流的软、硬件工程师及网络技术人才，有完善的售后服务体系。公司始终坚持“顾客至上、诚信为本，专业精致、
                        卓越创新”的经营理念，以最优质的产品，最实惠的价格、最全面的服务竭诚为广大顾客服务。</span>
                    <img src="./images/pro1.png" alt="">
                    <img src="./images/pro2.png" alt="">
                    <img src="./images/pro3.png" alt="">
                    <img src="./images/pro4.png" alt="">
                    <img src="./images/pro5.png" alt="" style="margin: 0px;">
                </div>
                <div class="bottom_right">
                    <span style="padding-left: 32px;font-size: 28px;display: block;">最新动态</span>
                    <ul class="dong1">
                        <li>&gt;&nbsp;&nbsp;网站建设必须做好的几个优化位置</li>
                        <li>&gt;&nbsp;&nbsp;网页设计的时候到底能用flash吗？</li>
                        <li>&gt;&nbsp;&nbsp;网站建设第一步是做好网页设计</li>
                        <li>&gt;&nbsp;&nbsp;网站建设的核心要点</li>
                        <li>&gt;&nbsp;&nbsp;通常的网页设计步骤</li>
                        <li>&gt;&nbsp;&nbsp;自己动手建设一个网站</li>
                    </ul>
                    <ul class="dong2">
                        <li>2016-1-10</li>
                        <li>2016-1-10</li>
                        <li>2016-1-10</li>
                        <li>2016-1-10</li>
                        <li>2016-1-10</li>
                        <li>2016-1-10</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="kehu">
        <div class="container">
            <div class="top">
                <span class="top1">我们的客户</span>
                <span class="top2">OUR &nbsp;CUSTOMERS</span>
                <span class="top2">我们要超出客户的期望，客户的满意是我们发展的动力</span>
            </div>
            <div class="imgs">
                <ul class="mine">
                    <li>
                        <img src="./images/kehu1.png" alt="">
                    </li>
                    <li style="line-height: 150px;">
                        <img src="./images/kehu2.png" alt="">
                    </li>
                    <li style="line-height: 180px;">
                        <img src="./images/kehu4.png" alt="">
                    </li>
                    <li style="line-height: 180px;">
                        <img src="./images/kehu5.png" alt="">
                    </li>
                    <li style="line-height: 170px;">
                        <img src="./images/kehu6.png" alt="">
                    </li>
                    <li style="margin: 0;line-height: 170px;">
                        <img src="./images/kehu7.png" alt="">
                    </li>
                </ul>
                <ul class="mine">
                    <li>
                        <img src="./images/kehu1.png" alt="">
                    </li>
                    <li style="line-height: 150px;">
                        <img src="./images/kehu2.png" alt="">
                    </li>
                    <li style="line-height: 180px;">
                        <img src="./images/kehu4.png" alt="">
                    </li>
                    <li style="line-height: 180px;">
                        <img src="./images/kehu5.png" alt="">
                    </li>
                    <li style="line-height: 170px;">
                        <img src="./images/kehu6.png" alt="">
                    </li>
                    <li style="margin: 0;line-height: 170px;">
                        <img src="./images/kehu7.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="about">
        <div class="container">
            <div class="content">
                <ul>
                    <span>服务项目</span>
                    <li>&gt;&nbsp;&nbsp;H5网站</li>
                    <li>&gt;&nbsp;&nbsp;定制型网站</li>
                    <li>&gt;&nbsp;&nbsp;强大组件</li>
                    <li>&gt;&nbsp;&nbsp;微网站</li>
                    <li>&gt;&nbsp;&nbsp;创建多语言站点</li>
                    <li>&gt;&nbsp;&nbsp;SEO优化</li>
                </ul>
                <ul>
                    <span>案例展示</span>
                    <li>&gt;&nbsp;&nbsp;电子商务案例</li>
                    <li>&gt;&nbsp;&nbsp;投资理财案例</li>
                    <li>&gt;&nbsp;&nbsp;门户网站案例</li>
                    <li>&gt;&nbsp;&nbsp;传媒案例</li>
                    <li>&gt;&nbsp;&nbsp;交流平台案例</li>
                    <li>&gt;&nbsp;&nbsp;O2O案例</li>
                </ul>
                <ul>
                    <span>技术观点</span>
                    <li>&gt;&nbsp;&nbsp;网站建设</li>
                    <li>&gt;&nbsp;&nbsp;网站优化</li>
                    <li>&gt;&nbsp;&nbsp;网络营销</li>
                </ul>
                <ul>
                    <span>关于我们</span>
                    <li>&gt;&nbsp;&nbsp;关于科智</li>
                    <li>&gt;&nbsp;&nbsp;团队风采</li>
                    <li>&gt;&nbsp;&nbsp;合作客户</li>
                    <li>&gt;&nbsp;&nbsp;新闻动态</li>
                    <li>&gt;&nbsp;&nbsp;企业好评</li>
                </ul>
                <ul>
                    <span>联系方式</span>
                    <li>QQ:762162209</li>
                    <li>电话：010-52116521</li>
                    <li>在线留言</li>
                    <li>网站地图</li>
                    <li>地址：&nbsp;北京市朝阳区 &nbsp;&nbsp;东土城路8号</li>

                </ul>
                <li class="erweima">
                    <img src="./images/erweima.png" alt="">关注我们

                </li>
            </div>

            <div class="bottom">
                Copyright © 2004-2016 北京科智网络科技发展有限公司 KZ.com 版权所有
            </div>
        </div>

    </div>
</body>

</html>